﻿body
{
	margin: 0;
	padding: 0;
	font-family:Calibri,'Segoe UI', Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	color: #aaa; background: #333;
}

p {font-size: 12px; line-height:normal;color: #aaa;}

li {font-size: 12px; line-height:normal;}

hr
{
	border: 0 #111 solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

h1
{
	font-size: 25px; background: #191919; padding:2px; padding-left:10px; border-top: solid 1px #000; border-bottom: solid 1px #222; color: #fff;
}

h2, h2 a
{
	font-size: 18px; color: #F7B500;
}

h3
{
	font-size: 18px; color: #E9BB05;
}

h4
{
	font-size: 19px;
}

h5
{
	font-size: 17px;
}

h6
{
	font-size: 15px;
}

ol
{
	list-style: decimal;
}

ul
{
	list-style: square;
}

li
{
	margin-left: 30px;
}

a 
{
 color: #F7B500; text-decoration:none;
}

a:hover 
{
 color: #F7B500; text-decoration:underline;
}

#page-tools div a
{
	display:block; width:116px; float:left; padding:1px; line-height:12px; vertical-align:text-top; color: #fff;
}
#page-tools div a:hover
{
	text-decoration:none; background: #333; color: #F7B500;
}

td
{
	color: #aaa;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset
{
	margin-bottom: 10px;
}

.big
{
 padding:5px;
}

/* Tooltip */
.tooltip img
{
	border: none;
}
.bt-content
{
	font-size: small;
	color: #0067AB;
	line-height: normal;
}

/* Msgs */
.error
{
	border: solid 2px #FBC2C4;
	padding: 10px;
	color: #8A1F11;
	background: #FBE3E4;
}

.notice
{
	border: solid 2px #FFD324;
	padding: 10px;
	color: #514721;
	background: #FFF6BF;
}

.success
{
	border: solid 2px #C6D880;
	padding: 10px;
	color: #264409;
	background: #E6EFC2;
}

/* form builder */
.cmsform
{
	background: #E8EEF7; padding:10px;
}
.cmsform div#form-description
{
	background: #D2E6D2;
	padding: 10px;
}

.cmsform label
{
	display: block;
	float: left;
	width: 160px;
	margin-right: 10px;
	text-align: right;
}
.cmsform fieldset
{ border-top: solid 1px #ccc; margin:5px;
}

.cmsform legend
{ display:block; line-height:30px; padding:10px; font-weight:bold; color: #ccc;
}

/* News-Blog Styles */
.postlist
{
}

.postdetails
{
 color: #ccc; font-size:11px; line-height:14px;
}

.sociallinks
{
}

.blogcomment
{
}

.blogcommentalt
{
}

.rss-btn { background: #eee url(/images/icons/rss.png) left center no-repeat; padding:2px; padding-left:20px; line-height:20px; border:solid 1px #ccc; width: 85px;}

/* Template */
.home-welcome { background: #fff; padding:10px; margin:auto; width:956px;}
.home-welcome h1 { color: #000; background: #fff; border:none; margin-bottom:0px; line-height:22px; margin-top:5px; color: #777; }
#menubar 
{ 
	width:976px; 
	height:30px; 
	margin-left: auto;
	margin-right: auto;
	background: url(/images/template/renault-menu-bg.gif) repeat-x; 
	clear:both; padding:0px;
}
#footer { font-size:small; line-height:18px;}
#footer a {color: #F7B500;}
#footer a:hover {color: #F7B500; text-decoration:underline;}

#portfolio{width:720px;}
#portfolio, #portfolio li {
	background:none;
	padding:0px;
	margin:0px;
	list-style:none;
	list-style-image:none;
}

#search-panel
{
	background: url(/images/template/search-bg.gif) no-repeat;
	float:right;
	width:250px; height:250px; color: #fff;
}

#search-panel label
{
	float:left; 
	display:block;
	width:50px; 
	text-align:right; 
	margin-right:4px;
}
#search-panel select
{
 margin-bottom:6px;
}

.searchbtn {padding:9px; width:100px;}

#screenshot{
	position:absolute;
	border:1px solid #F7B500;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	z-index:999;
	}
.homepanels
{
	margin:10px; clear:both; float:left; margin-top:0px;
}
.sml-panel
{
	background: url(/images/template/renault-sml-panel-bg.gif) no-repeat;
	float:left;
	width: 232px;
	height:104px;
	margin:3px;
}

.sml-panel div
{
	width:220px;
	height:92px;
	margin:6px;
}

.displaybox
{
	margin:5px; padding:5px; background: #222; float:left; width:660px;
}

.rangedisplay 
{
	width:200px; height:120px; 
	text-align:center;  
	margin:5px; 
	float:left;
	font-size:20px; font-weight:bold;
	background: url(/images/template/renault-range-bg.png) no-repeat; padding-top:6px;
}

.detH1
{
	background: #191919; padding:2px; padding-left:10px; border-top: solid 1px #000; border-bottom: solid 1px #222;
}

.content-container
{
	margin:10px;
}

.content-narrow
{
	width:700px; float:left; 
}

.content-sidebar
{
	width:260px; float:left; margin:5px 0px 10px 10px; background: #111 url(/images/template/side-bg.jpg) repeat-y; color: #ccc; border:solid 1px #111; text-align:center; padding-bottom:10px;
}

.content-sidebar h2
{
	background: url(/images/template/side-head-bg.jpg) no-repeat; line-height:35px; text-align:center; color: #999;
}
.content-sidebar h3
{
	text-align:left; padding-left:10px;
}

.content-sidebar p
{
	text-align:left; margin:10px 20px;
}
.contentwrap
{
	margin:10px; margin-top:0px; padding-top:10px; color: #aaa;
}

.content-bg
{
	background: #111; margin:0px; padding:10px; float:left; width: 936px; margin-bottom:10px;
}

.keyfeatures
{
	background: #111 url(/images/template/features-bg.jpg) no-repeat; color: #ccc; padding:10px; margin:5px; border:solid 1px #222; border-top:none;
}

.keyfeatures li
{
	 list-style-image: url(/images/template/renault-feature-bullet.png);
}

#cookiebar
{
	background: url(/images/template/cookiebar-bg.jpg) no-repeat; 
	color: #666; 
	height: 40px; 
	margin:0px; 
	padding:0px; 
	margin-top:-10px;
	padding-top:0px;
	padding-left:20px;
	z-index:1px; 
	font-size:12px; line-height:30px; clear:both; line-height:40px;
}

#cookiebar a
{
	color: #aaa;
}

.details-left
{
	float:left; margin-right:10px; width:220px;
}
.details-right
{
	float:left; margin-right:10px; width:680px;
}

/* Gallery */
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:656px; margin:5px auto; display:none}
#wrapper * {margin:0; padding:0;}
#fullsize {position:relative; width:656px; height:356px; padding:2px; border:1px solid #666; background:#000}
#information {position:absolute; bottom:0; width:656px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:656px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:356px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(/images/right.gif) right center no-repeat}
#imglink {position:absolute; height:356px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/images/link.gif) center center no-repeat}
#thumbnails {margin-top:5px; height:50px; background: #222; width: 664px;}
#slideleft {float:left; width:20px; height:50px; background:url(/images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:50px; background:#222 url(/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:614px; margin-left:5px; height:50px; overflow:hidden;}
#slider {position:absolute; left:0; height:50px;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}


/* Model Slides */
#modelselect
{
float:left; display:inline; position: relative;
}

#modelstripe
{
	background: url(/images/template/model-stripe-bg.jpg) no-repeat;
	height: 120px; margin:0px; padding:0px; z-index:10px; width:976px;
}

#modelstripe ul
{
	margin:0px; padding:0px;
}

#modelstripe li
{
	float:left; list-style-type:none; text-align:center; margin:0px; padding:0px;
}
.modelstripename {margin-top:-5px;}
#modelstripe li img { margin-top:8px;}

#modelstripe li a
{
	display:block; width:180px; height:110px; background: url(/images/template/model-select-bg.png) no-repeat;
}
#modelstripe li a:hover
{
	background: url(/images/template/model-select-bg-on.png) no-repeat; text-decoration:none;
}

#modelslideshow
{
	width:2000px;
}

.rhs
{
	float:right;
	width:350px;
}

.map-links a
{
	display:block;
	width:346px;
	height:50px;
	border:solid 1px #F7B500; margin:1px;
}
.map-letter {
	 font-size:36px; background: #F7B500; color: #fff; display:block; float:left; font-weight:bold; height:40px; width:40px; margin:4px; text-align:center;
}
.map-letter:hover { color: #eee;}
.mapkey {width:340px;}
.mapkey td{
	 background: #222; padding:3px; border:solid 1px #333;
}

.homepage-calc {background: url(/images/template/side-bg.jpg) repeat-y; margin:5px; height:300px;}
table.homepage-calc th  	
{
    background: url(/images/template/side-head-bg.jpg) no-repeat;
	line-height: 30px;
	text-align: center;
	color: #fc0;}
.homepage-calc td {padding:2px;}

.formtable
{
	background: #111;
	margin:10px;
}
.formtable td
{
	background: #222; padding:2px;
}
.formtable th
{
	background: #333; color: #F7B500; font-size:14px; padding:4px;
}

.featureimage
{ width:220px; float:left;
}

#tabs ul
{
	padding:0px; margin:0px;
	float:left;
	width:180px;
	margin-right:10px;
	padding:0px;
}

#tabs ul li
{
	 border:none; padding:0px; margin:0px; list-style-type:none; outline: none;
}
#tabs ul li a
{
	color: #F7B500; 
	display:block; float:left; line-height:30px; width:180px; padding-left:10px; outline: none;
}
#tabs ul li a.on
{
	color: #fff; background: #222; outline: none;
}

.tabcontent
{
	float:left;
	width:440px;
	background: #222; padding:10px;
}
.pad5 td
{
	padding: 5px;
}

.searchstrip
{
	 background: #F7B500; margin:10px; padding:5px; text-align:center; color: #000;
}

.layouttable, .layouttable img, .layouttable td, .layouttable tr
{
	border:none; padding:0px; margin:0px;
}

#send2friend
{
	z-index:999; position: relative; margin:5px; clear:left; float:left;
	background: url(/images/template/send2friend.png) no-repeat; width:300px; height:200px; display:none;
}
#send2friend label
{
	display:block; text-align:right; float:left; width:90px; margin-right:4px;
}

.quick-alert {
   width: 100%;
   margin: 0px;
   padding: 10px 0px 10px 0px;
   background: #ffc;
   border: 1px solid #a00;
   color: #a00;
   font-weight: bold;
   display: none;
   position: absolute; top:0px; text-align:center;
}

.homeherobar
{
	height: 250px; 
	width: 976px; 
	background: #4C4C4C;
}

#searchpanel { border: solid 4px #333; padding:5px; width:280px; background: #222; color: #fff;}
#searchpanel label { display:block; width: 50px; text-align:right; margin-right:5px; float:left;}
#favs { border: solid 1px #666; padding:5px; width:280px; background: #444; color: #fff;}
#searchresults {border: solid 4px #333; padding:0px; width:600px;}
#searchresult {border: solid 1px #222; padding:5px; margin:2px; background: #111; height:80px;}
#searchresult:hover {border: solid 1px #555; background: #333;}
#searchresult img { margin-right:10px;}
#searchresult h2 { font-size: 14px; line-height:14px; padding:0px; margin:0px;}
#searchresult .save { display:block; float:right; background: #6c0; color: #fff; padding:3px; margin:2px; text-decoration:none;}
#searchresult .view { display:block; float:right; background: #06c; color: #fff; padding:3px; margin:2px; text-decoration:none;}
.infobar { text-align:center; background: #444; color: #fff; padding: 3px;}
.oddrow { background: #222;}
.right { text-align:right; font-weight:bold; padding:4px; width:100px;}

.side-displaytable {background: url(/images/template/side-bg.jpg) repeat-y; width:100%;}
table.side-displaytable th  	
{
    background: url(/images/template/side-head-bg.jpg) no-repeat;
	line-height: 30px;
	text-align: center;
	color: #fc0;}
	table.side-displaytable th h2 { padding-top:6px;}
.side-displaytable td {padding:2px;}

